﻿

/* JUANJO Styles Modifications */

/* Generic extra */
form .text-field{
float: left;
border: 1px solid #5c87b2;
padding: 2px;
width:340px;
height:23px;
}

form .text-field:focus{
border-color:#5c87b2;
}

input.submit{
display:block;
overflow:hidden;
text-indent:-999px; /* To remove any default text on the button*/
line-height:16px; /* required for IE */
background:url(images/search.png) no-repeat 0 0; /* This will display the search icon by default */
cursor:pointer; /* Hand cursor for the normal state */
border: none;
margin: 1px;
margin-left:6px;
padding: 0; 
display:inline-block;
width:25px;
height:24px;
}

#search_btn
{
    margin-left:6px;
    height:27px;
    width:40px;
    display:inline-block;
    background-color:#5c87b2;
   
    
  background-image:-webkit-linear-gradient(top, #5c87b2, #5c87b4);
  border-bottom-color:#3079ED;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-image:initial;
  border-left-color:#3079ED;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#3079ED;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#3079ED;
  border-top-style:solid;
  border-top-width:1px;
  
 border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;

}

#search_btn:hover
{
      background-color:#96b1cd;
}
 
input.submit:hover{
background-position: 0 -25px; /* This will display the dark search icon on hover */
}

 
input.submit:active{
background-position: 0 -25px; /* And finally, this is the one that shows the loader */
cursor:wait; /* Shows the wait cursor on click */
}

#TitleSearch
{
    display:block;
    margin-bottom:10px;
    margin-top:10px;
    height:25px;
}


/* categories */
#categories
{
    /* margin:0 auto 0 auto;
    width:770px;*/
}

ul#categories {
   /* border-bottom: 1px #5C87B2 solid;*/
    padding: 0 0 59px;
    position: relative;
    margin: 0;
    text-align: left;    
    margin-left:auto;
    margin-right:auto;
}

ul#categories li {
    display: inline;
    list-style: none;
   
}

ul#categories li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}
.btn-group a,
ul#categories li a {
  
  font-size:12px;
    font-weight: bold;
    text-decoration: none;   
    color: #01497b;     
    padding:5px;
    padding-bottom:0px;
    width:84px;    
    max-height:55px;
}

ul#categories li a img { border:0; }

.btn-group a:hover,
ul#categories li a:hover {
   
    text-decoration: none;
    color:#50AFD9;
    
}
.btn-group a:active,
ul#categories li a:active {
   
    text-decoration: none;
     color:#A09B9C;
     cursor:wait;
}

ul#categories li.selected a {
    background-color: #fff;
    color: #000;
}

.cat
{
    padding:  0 2px 0 10px;
    /*width:65px;*/
    text-align:center;
    float:left;
}

/* Top Bar */

.topbar
{
    width:100%;
  height:40px;
  left:0;
  overflow-x:visible;
  overflow-y:visible;
  position:relative;;
  right:0;
  top:0;
  z-index:10000;
   color:#AAAAAA;
   display:block;
   
}

.topbar .fill {
    background-color:#3F3F3F; /*#F5F5F5;   */
    background-repeat: repeat-x;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;    
    z-index:10001;
  
  /* Firefox */
  /* background-image: -moz-linear-gradient(center top , #FFFFFF, #EAEAEA);
  /* Chrome */
  /* -webkit-box-shadow:none;
  background-image:-webkit-linear-gradient(top, #FFFFFF, #F5F5F5);
    /* For Internet Explorer 8 */
 /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F5F5F5)";
  /* For Internet Explorer 5.5 - 7 */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F5F5F5); */

}

.topbar .brand {
    color: #23566D;   
    padding-right: 10px;
    display: block;
    float: left;
    font-size: 20px;
    font-weight:bolder;
    line-height: 1;
  
    font-family:'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

.topbar a 
{
  /*text-shadow:rgba(0, 0, 0, 0.246094) 0 -1px 0;*/
  text-decoration:none;
  padding: 10px;
   color: #BFBFBF;
}
#logo {
    float: left;
    margin-top: 6px;
}

.topbar .fill .container
{
    width:860px;
      margin-left: auto;
    margin-right: auto;
    height:40px;
    padding-right:10px;
     
}
.topLinks
{
    float:right;
    padding:2px 0px;
}
.topLinks a
{
    text-decoration:underline;
   color:#BFBFBF;
   font-weight:bold;
   font-size:12px;
   padding:5px;
}
.topLinks a:hover
{
  color:#01497B;
}
.linkPlus
{
    background-image: url(../images/plus.png);    
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    vertical-align: text-top;
    width: 14px;
    padding-left:4px;
}